<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>解决方案</title>
    <!-- Favicon 网站图标-->
    <link href="images/bbaicon_03.jpg" rel="shortcut icon" />
    <!-- 样式引入 最好按照顺序
       后面会影响前面的
  -->
    <!-- 引入bootstrap核心css文件 -->
    <link rel="stylesheet" href="./css/bootstrap.min.css" />

    <!-- swiper -->
    <link rel="stylesheet" href="./css/swiper-bundle.min.css" />

    <!-- 引入less文件此处必须添加 /less  ！！！ -->
    <!-- 引入重置样式文件 -->
    <link rel="stylesheet/less" href="./css/reset.less" />

    <!-- 引入公共样式 -->
    <link rel="stylesheet/less" href="./css/common.less" />

    <!-- 引入页面单独样式 -->
    <link rel="stylesheet/less" href="./css/style.less" />
  </head>
  <body>
    <!-- Header  -->
    <header>
      <nav class="navbar navbar-expand-lg navbar-light bg-light">
        <a class="navbar-brand" href="#"><img src="./images/bbaicon_03.jpg" alt="" /></a>
        <button
          class="navbar-toggler"
          type="button"
          data-toggle="collapse"
          data-target="#navbarSupportedContent"
          aria-controls="navbarSupportedContent"
          aria-expanded="false"
          aria-label="Toggle navigation"
        >
          <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <ul class="navbar-nav mr-auto">
            <li class="nav-item active">
              <a class="nav-link" href="./index.html">首页 <span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="./products.html">产品中心</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="./case.html">解决方案</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="./services.html">服务中心</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="./about.html">关于我们</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="./contact.html">联系我们</a>
            </li>
          </ul>
          <div class="menu-nav">
            <a href="#">中文</a>
            <a href="#">EN</a>
          </div>
        </div>
      </nav>
    </header>
    <!-- Header end-->

    <!-- Banner -->
    <div class="case_banner">
      <img src="./images/case_banner.png" alt="" />
    </div>
    <!-- Banner end-->

    <!-- CaseItem1 -->
    <div class="case_item1">
      <p1>解决方案</p1>
      <i>industry solutions</i>
      <h>一站式解决行业内所有印刷问题</h>
      <div class="container">
        <div class="row">
          <div class="col-lg-4">
            <div class="item">
              <div class="cir">
                <img src="./images/item_03.jpg" alt="" />
                <h4>一体化包装</h4>
                <div class="line"></div>
                <h3>一体化包装解决方案：指为客户提供从包装材料的选取、方案设计、生产制造和物流配送的端到端服务。</h3>
                <p2>”</p2>
              </div>
            </div>
          </div>
          <div class="col-lg-4">
            <div class="item">
              <div class="cir">
                <img src="./images/item_05.jpg" alt="" />
                <h4>智能包装</h4>
                <div class="line"></div>
                <h3>BBA包装解决方案：指为客户提供从包装材料的选取、方案设计、生产制造和物流配送的端到端服务。</h3>
                <p2>”</p2>
              </div>
            </div>
          </div>
          <div class="col-lg-4">
            <div class="item">
              <div class="cir">
                <img src="./images/item_07.jpg" alt="" />
                <h4>功能性包装</h4>
                <div class="line"></div>
                <h3>一体化包装解决方案：指为客户提供从包装材料的选取、方案设计、生产制造和物流配送的端到端服务。</h3>
                <p2>”</p2>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- CaseItem1 end -->

    <!-- Anli -->
    <section class="anli">
      <h>经典案例</h>
      <br />
      <i>good case</i>
    </section>
    <!-- Anli end-->

    <!-- 分类 -->
    <div class="container">
      <div class="row">
        <div class="fenlei">
          <div class="fitem col-lg-2">
            <div class="ftext">全部包装</div>
            <div class="fline"></div>
          </div>
          <div class="fitem col-lg-2">
            <div class="ftext">化妆包装</div>
            <div class="fline"></div>
          </div>
          <div class="fitem col-lg-2">
            <div class="ftext">数码包装</div>
            <div class="fline"></div>
          </div>
          <div class="fitem col-lg-2">
            <div class="ftext">烟酒包装</div>
            <div class="fline"></div>
          </div>
          <div class="fitem col-lg-2">
            <div class="ftext">彩盒包装</div>
            <div class="fline"></div>
          </div>
          <div class="fitem col-lg-2">
            <div class="ftext">手工包装</div>
            <div class="fline"></div>
          </div>
        </div>
      </div>
    </div>
    <!-- 分类 end -->

    <!-- specify -->
    <div class="specify">
      <div class="container-fluid">
        <div class="row">
          <div class="col-lg-4 s_box">
            <div class="sitem">
              <img class="img1" src="./images/sitem1.png" alt="" />
              <img class="img2" src="./images/zhe.png" alt="" />
            </div>
          </div>
          <div class="col-lg-4 s_box">
            <div class="sitem">
              <img class="img1" src="./images/sitem2.png" alt="" />
              <img class="img2" src="./images/zhe.png" alt="" />
            </div>
          </div>
          <div class="col-lg-4 s_box">
            <div class="sitem">
              <img class="img1" src="./images/sitem3.png" alt="" />
              <img class="img2" src="./images/zhe.png" alt="" />
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-lg-4 s_box">
            <div class="sitem">
              <img class="img1" src="./images/sitem4.png" alt="" />
              <img class="img2" src="./images/zhe.png" alt="" />
            </div>
          </div>
          <div class="col-lg-4 s_box">
            <div class="sitem">
              <img class="img1" src="./images/specify.png" alt="" />
              <img class="img2" src="./images/zhe.png" alt="" />
            </div>
          </div>
          <div class="col-lg-4 s_box">
            <div class="sitem">
              <img class="img1" src="./images/sitem6.png" alt="" />
              <img class="img2" src="./images/zhe.png" alt="" />
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-lg-4 s_box">
            <div class="sitem">
              <img class="img1" src="./images/sitem7.png" alt="" />
              <img class="img2" src="./images/zhe.png" alt="" />
            </div>
          </div>
          <div class="col-lg-4 s_box">
            <div class="sitem">
              <img class="img1" src="./images/sitem8.png" alt="" />
              <img class="img2" src="./images/zhe.png" alt="" />
            </div>
          </div>
          <div class="col-lg-4 s_box">
            <div class="sitem">
              <img class="img1" src="./images/sitem9.png" alt="" />
              <img class="img2" src="./images/zhe.png" alt="" />
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- specify end-->

    <!-- 合作伙伴 -->
    <div class="hezuobanner">
      <img src="./images/hezuo_02.jpg" alt="" />
    </div>
    <div class="container-fluid">
      <div class="imb" style="background-color: #fff">
        <div class="row">
          <div class="col-lg-2 col-md-3 col-sm-6">
            <img src="./images/icon_03.jpg" alt="" />
          </div>
          <div class="col-lg-2 col-md-3 col-sm-6">
            <img src="./images/icon_05.jpg" alt="" />
          </div>
          <div class="col-lg-2 col-md-3 col-sm-6">
            <img src="./images/icon_07.jpg" alt="" />
          </div>
          <div class="col-lg-2 col-md-3 col-sm-6">
            <img src="./images/icon_09.jpg" alt="" />
          </div>
          <div class="col-lg-2 col-md-3 col-sm-6">
            <img src="./images/icon_11.jpg" alt="" />
          </div>
          <div class="col-lg-2 col-md-3 col-sm-6">
            <img src="./images/icon_13.jpg" alt="" />
          </div>

          <div class="col-lg-2 col-md-3 col-sm-6">
            <img src="./images/icon_21.jpg" alt="" />
          </div>
          <div class="col-lg-2 col-md-3 col-sm-6">
            <img src="./images/icon_22.jpg" alt="" />
          </div>
          <div class="col-lg-2 col-md-3 col-sm-6">
            <img src="./images/icon_23.jpg" alt="" />
          </div>
          <div class="col-lg-2 col-md-3 col-sm-6">
            <img src="./images/icon_24.jpg" alt="" />
          </div>
          <div class="col-lg-2 col-md-3 col-sm-6">
            <img src="./images/icon_25.jpg" alt="" />
          </div>
          <div class="col-lg-2 col-md-3 col-sm-6">
            <img src="./images/icon_26.jpg" alt="" />
          </div>

          <div class="col-lg-2 col-md-3 col-sm-6">
            <img src="./images/icon_34.jpg" alt="" />
          </div>
          <div class="col-lg-2 col-md-3 col-sm-6">
            <img src="./images/icon_35.jpg" alt="" />
          </div>
          <div class="col-lg-2 col-md-3 col-sm-6">
            <img src="./images/icon_36.jpg" alt="" />
          </div>
          <div class="col-lg-2 col-md-3 col-sm-6">
            <img src="./images/icon_37.jpg" alt="" />
          </div>
          <div class="col-lg-2 col-md-3 col-sm-6">
            <img src="./images/icon_38.jpg" alt="" />
          </div>
          <div class="col-lg-2 col-md-3 col-sm-6">
            <img src="./images/icon_39.jpg" alt="" />
          </div>
        </div>
      </div>
    </div>
    <div>
      <img src="./images/hezuobanner1_02.jpg" alt="" />
    </div>
    <!-- 合作伙伴 end-->

    <!-- Footer -->
    <section class="footer">
      <div class="container">
        <div class="item1">
          <div class="row">
            <div class="col-lg-3 col-md-6 col-sm-12">
              <div class="about">
                <p>关于我们</p>
                <li>公司简介</li>
                <li>企业文化</li>
                <li>荣誉资质</li>
                <li>社会责任</li>
                <li>创意设计</li>
                <li>公司展厅</li>
              </div>
            </div>
            <div class="col-lg-3 col-md-6 col-sm-12">
              <div class="about">
                <p>新闻动态</p>
                <li>公司新闻</li>
                <li>展会活动</li>
                <li>媒体报道</li>
                <li>新闻中心</li>
                <li>品牌活动</li>
                <li>员工天地</li>
              </div>
            </div>
            <div class="col-lg-3 col-md-6 col-sm-12">
              <div class="about">
                <p>快速链接</p>
                <li>产品中心</li>
                <li>服务中心</li>
                <li>视频中心</li>
                <li>经典案例</li>
                <li>行业方案</li>
                <li>联系我们</li>
              </div>
            </div>
            <div class="col-lg-3 col-md-6 col-sm-12">
              <div class="about">
                <p>关注我们</p>
                <img src="./images/qr_03.jpg" alt="" />
              </div>
            </div>
          </div>
        </div>
        <div class="item2">24小时服务热线：020-28988858 &nbsp;MAil:bba@gmail.com</div>
        <div class="item3">友情链接：</div>
        <div class="item4">
          <li>腾讯网</li>
          <li>百度网</li>
          <li>阿里巴巴</li>
          <li>土豆网</li>
          <li>优酷网</li>
          <li>腾讯网</li>
          <li>百度网</li>
          <li>阿里巴巴</li>
          <li>土豆网</li>
          <li>优酷网</li>
          <li>腾讯网</li>
          <li>百度网</li>
          <li>阿里巴巴</li>
          <li>腾讯网</li>
          <li>百度网</li>
          <li>阿里巴巴</li>
          <li>土豆网</li>
          <li>优酷网</li>
          <li>腾讯网</li>
          <li>百度网</li>
        </div>
        <div class="item5">
          <div class="copy">@2017 bba all rights reserved</div>
          <div class="web">法律申明 | 网站地图</div>
        </div>
      </div>
    </section>
    <!-- Footer end -->
  </body>
</html>
<!-- 引入jq -->
<script src="./js/jquery-3.5.1.min.js"></script>

<!-- 引入bootstrap.js -->
<script src="./js/bootstrap.min.js"></script>

<!-- swiper -->
<script src="./js/swiper-bundle.min.js"></script>

<!-- 引入less -->
<script src="./js/less-4.1.3.js"></script>
